import { useUserStore } from '@/stores/user'

export function directive(app) {
  // 单个权限验证（v-auth="xxx"）
  app.directive('auth', {
    mounted(el, binding) {
      const userStore = useUserStore()
      const authBtnList = userStore.user.permissions

      // 如果是超级管理员直接退出
      if (authBtnList.includes('*:*:*')) {
        return
      }

      // 如果用户不包含这个权限移除元素
      if (!authBtnList.some((v) => v === binding.value)) {
        el.parentNode.removeChild(el)
      }
    }
  })
}
